/*基础样式类*/
body{
    width: 6270px;
    height: 2160px;
    // background: url(../images/bg.png) no-repeat;
    // background-size: 100% 100%;
    .centerBoxs{
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background: url(../images/titleBg.png) top no-repeat;
    }
    .top{
        padding: 27px  240px;
        height: 148px;
        background-color: #2d3444b8;
        .topLeft{
            width: 900px;
            .topLeft_box{
                margin-top: 8px;
                height: 54px;
                line-height: 54px;
                padding: 0 22px;
                font-size: 30px;
                color: #fff;
                .iconfont{
                    color: #FFFFC4;
                    font-size: 30px;
                }
            }
            .topLeft_box_border{
                border-right: 1px solid #777d86;
            }
        }
        .topLeft4{
            width: 1100px;  
        }
        .topLeft2{
            width: 980px;
            .topLeft_box2{
                height: 70px;
                padding: 0 22px;
                .topLeft_box2_img{
                    width: 70px;
                    height: 70px;
                }
                .topLeft_box2_text{
                    padding-left: 22px;
                    padding-top: 15px;
                    .test_style{
                        font-size: 22px;
                        color: #fff;
                    }
                }
            }
            .topLeft_box_border{
                border-right: 1px solid #777d86;
            }
        }
        .title{
            // background: url(../images/title.png) center no-repeat;
            color: #fff;
            font-weight: bold;
            font-size: 70px;
            text-align: center;
        }
        .topLeft3{
            width: 900px;
            .layui-progress{
                background-color: #6A6868;
            }
            .layui-progress-big, .layui-progress-big .layui-progress-bar{
                height: 22px;
                line-height: 22px;
            }
            .layui-progress-text{
                line-height: 22px;
                font-size: 14px;
            }
            .layui-bg-green{
                /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#cec434+0,f6572c+100 */
                background: #cec434; /* Old browsers */
                background: -moz-linear-gradient(left,  #cec434 0%, #f6572c 100%); /* FF3.6-15 */
                background: -webkit-linear-gradient(left,  #cec434 0%,#f6572c 100%); /* Chrome10-25,Safari5.1-6 */
                background: linear-gradient(to right,  #cec434 0%,#f6572c 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
                filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#cec434', endColorstr='#f6572c',GradientType=1 ); /* IE6-9 */
            }
        }
    }
    .center{
        padding: 0 60px 40px;
        .left_box{
            width: 1170px;
            padding-top: 10px;
        }
        .center_Box{
            padding: 0 52px;
            .center_Box_bottom{
                position: absolute;
                bottom: 40px;
                left: 50%;
                transform: translate(-50%,0);
                .center_Box_left{
                    position: absolute;
                    width: 453px;
                    height: 249px;
                    left: 0;
                    top: -320px;
                }
            }
            .center_Box_top{
                position: absolute;
                top: 188px;
                left: 50%;
                transform: translate(-50%,0);
                width: 3231px;
                height: 47px;
            }
        }
        .right_box{
            width: 1170px;
            position: absolute;
            right: 60px;
            top: 157px;
        }
        .boxStyle{
            padding: 7px 0 0;
            background: url(../images/top.png) center top no-repeat;
            .box{
                padding: 22px 28px 0;
                border-top: 1px solid #959BA0;
                background-color: #2d3444b8;
                .box_top{
                    border-bottom: 1px solid #959BA0;
                    .textBox{
                        padding:30px 0;
                        .top_icon{
                            width: 150px;
                            text-align: center;
                            i{
                                font-size: 58px;
                                color: #fff;
                            }
                        }
                        .textBox_style{
                            color: #FFFFDF;
                            font-size: 58px;
                        }
                        .textBox_style2{
                            color: #A1A0A1;
                            font-size: 26px;
                            padding-left: 80px;
                        }
                    }
                    .textBox_style3{
                        color: #A1A0A1;
                        font-size: 22px;
                    }
                    .textBox_icon{
                        padding-top: 5px;
                        cursor: pointer;
                    }
                }
            }
        }
        .boxStyle2{
            padding: 0 0 4px;
            background: url(../images/bottom.png) center bottom no-repeat;
            .tops{
                border-bottom: 1px solid #959BA0;
                background-color: #2d3444b8;
                div{
                    height: 92px;
                    line-height: 92px;
                    i{
                        color: #A1A0A1;
                        font-size: 22px;
                        padding-left: 26px;
                    }
                    .setBtn{
                        cursor: pointer;
                    }
                }
                .styles{
                    color: #fff;
                    font-size: 30px;
                    font-weight: bold;
                }
                .styles2{
                    color: #FFFFDF;
                    font-size: 30px;
                    font-weight: bold;
                }
            }
        }
        .left_boxs{
            padding: 7px 0 4px;
            // background: url(../images/bottom.png) center bottom no-repeat;
            background: url(../images/top.png) center top no-repeat;
            position: relative;
            pointer-events: all;
            .centerBox{
                background-color: #2d3444b8;
                border-top: 1px solid #959BA0;
                border-bottom: 1px solid #959BA0;
            }
        }
        .left_boxs::after{
            content: "";
            width: 110px;
            height: 4px;
            background: url(../images/bottom.png) no-repeat;
            position: absolute;
            left: 50%;
            transform: translate(-50%,0);
        }
        .tops{
            div{
                height: 40px;
                line-height: 40px;
                i{
                    color: #A1A0A1;
                    font-size: 22px;
                }
                .setBtn{
                    cursor: pointer;
                }
            }
            .style{
                color: #fff;
                font-size: 40px;
                font-weight: bold;
                padding-left: 10px;
            }
        }
        .box_padding{
            padding: 22px 0 0 28px;
        }
        .box_padding2{
            padding: 22px 28px 0 0;
        }
        .box_padding3{
            padding: 22px 28px 0;
        }
        .box_padding3_style{
            padding: 0 24px;
            position: relative;
        }
        .box_padding3_style::after{
            content: "[";
            position: absolute;
            top: -28px;
            left: 0;
            font-size: 80px;
            color: #A1A0A1;
        }
        .box_padding3_style::before{
            content: "]";
            position: absolute;
            top: -28px;
            right: 0;
            font-size: 80px;
            color: #A1A0A1;
        }
        .box_padding3_img{
            position: absolute;
            width: 28%;
            height: 50%;
            top: 50%;
            left: 50%;
            transform: translate(-50%,-50%);
            background: url(../images/dq.png) no-repeat;
            background-size: 100% 100%;
        }
        .left_boxs_table{
            padding: 0 30px;
            padding-bottom: 22px;
            table{
                width: 100%;
                table-layout: fixed;
                th{
                    border-bottom: 1px solid #878C92;
                    height: 50px;
                    line-height: 50px;
                    color: #878C92;
                    font-size: 26px;
                    text-align: left;
                }
                td{
                    height: 45px;
                    line-height: 45px;
                    font-size: 22px;
                    color: #fff;
                    .rightStyle{
                        font-size: 22px;
                        color: #fff;
                    }
                    .negative{
                        font-size: 22px;
                        color: #E87C50;
                    }
                }
            }
        }
        .left_boxs_table2{
            table{
                table-layout: fixed;
                width: 100%; 
                td{
                    height: 45px;
                    line-height: 45px;
                    font-size: 22px;
                }
            }
        }
        .left_boxs_bottomBox{
            border-left: 1px solid #878C92;
            height: 100%;
            width: 195px;
        }
        .top_img{
            img{
                margin: 0 auto;
            }
        }
        .formBox{
            padding: 20px 28px 0;
            .layui-form-checkbox[lay-skin=primary]{
                line-height: 30px!important;
            }
            .layui-form-checkbox[lay-skin=primary] span{
                font-size: 24px;
                color: #fff;
                line-height: 30px;
            }
            .layui-form-checkbox[lay-skin=primary] i{
                left: auto;
                width: 22px;
                height: 22px;
                line-height: 22px;
                margin-top: 4px;
                background-color: transparent;
                color: transparent;
                font-size: 18px;
            }
            .layui-form-checkbox[lay-skin=primary]:hover i{
                border-color: #A4AAB0;
                color: #AC824D;
            }
            .layui-form-checked[lay-skin=primary] i{
                border-color: #A4AAB0!important;
                color: #AC824D;
            }
            .formBox_img{
                float: left;
            }
        }
        .centerBox_center{
            padding: 20px 22px 0;
        }
        .middleBox_top{
            border: 1px solid #BE6C49;
            height: 50px;
            padding: 0 10px;
            margin-top: 20px;
            .middleBox_top_icon{
                line-height: 50px;
                i{
                    font-size: 32px;
                    color: #BE6C49;
                }
            }
            .middleBox_top_icon2{
                line-height: 50px;
                i{
                    font-size: 28px;
                    color: #A1A0A1;
                }
            }
            .middleBox_top_text{
                line-height: 50px;
                color: #FFF96E;
                font-size: 28px;
                padding: 0 20px 0 10px;
            }
            .middleBox_top_text2{
                line-height: 50px;
                color: #A1A0A1;
                font-size: 24px;
                overflow: hidden;
            }
        }
        .middleBox_bottom{
            margin-top: 10px;
            border: 1px solid #A1A0A1;
            padding: 15px 20px;
            table{
                width: 100%;
                table-layout: fixed;
                th{
                    color: #A1A0A1;
                    font-size: 30px;
                    line-height: 46px;
                    text-align: left;
                }
                td{
                    color: #fff;
                    font-size: 20px;
                    line-height: 46px; 
                    div{
                        color: #fff;
                        font-size: 18px;
                        line-height: 46px; 
                    }
                    .tableStyle1{
                        color: #E87C50;
                        font-size: 24px;
                    }
                }
            }
            .middleBox_bottom_table{
                height: 215px;
                overflow: auto;
            }
        }
        .layui-timeline-axis{
            width: 10px;
            height: 10px;
            left: 1px;
            top: 6px;
        }
        .layui-timeline_text{
            color: #fff;
            font-size: 18px;
            padding: 10px 0;
        }
        .layui-timeline-item:before{
            top: 6px;
        }
        .layui-timeline_box{
            border: 1px solid #ACADAF;
            padding: 10px;
        }
        .layui-timeline_btn{
            height: 30px;
            line-height: 30px;
            border-radius: 25px;
            background-color: #fff;
            color: #595555;
            padding: 0 10px;
        }
        .layui-timeline_btn2{
            height: 30px;
            line-height: 30px;
            border-radius: 25px;
            background-color: #E87C50;
            color: #fff;
            padding: 0 10px;
        }
        .layui-timeline_boxs{
            height: 420px;
            overflow: auto;
            padding-right: 10px;
        }
        .statusBox{
            .iconfont{
                color: #B37D51;
                font-size: 20px;
            }
            div{
                height: 40px;
                line-height: 40px;
            }
            .layui-progress {
                margin-top: 10px;
                height: 20px;
                line-height: 20px;
                position: relative;
                height: 6px;
                border-radius: 0;
                background-color: transparent;
            }
            .layui-progress-bar{
                border-radius: 0;
                height: 20px;
                line-height: 20px;
            }
            .layui-bg-green {
                /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#d16f56+0,b08855+30,b08855+100&1+0,0.1+100 */
                background: -moz-linear-gradient(left,  rgba(209,111,86,1) 0%, rgba(176,136,85,0.73) 30%, rgba(176,136,85,0.1) 100%)!important; /* FF3.6-15 */
                background: -webkit-linear-gradient(left,  rgba(209,111,86,1) 0%,rgba(176,136,85,0.73) 30%,rgba(176,136,85,0.1) 100%)!important; /* Chrome10-25,Safari5.1-6 */
                background: linear-gradient(to right,  rgba(209,111,86,1) 0%,rgba(176,136,85,0.73) 30%,rgba(176,136,85,0.1) 100%)!important; /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
                filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d16f56', endColorstr='#1ab08855',GradientType=1 ); /* IE6-9 */

            }
        }
    }
    .f-m-r-170{
        margin-right: 170px;
    }
    .f-h-388{
        height: 388px;
    }
    .f-h-314{
        height: 314px;
    }
    .f-m-r-40{
        margin-right: 40px;
    }
    .f-p-b-25{
        padding-bottom: 25px;
    }
    .f-h-446{
        height: 446px;
    }
    .f-h-514{
        height: 514px;
    }
    .f-m-t-25{
        margin-top: 25px;
    }
    .f-w-1150{
        width: 1150px;
    }
    .f-h-510{
        height: 510px;
    }
    .f-h-362{
        height: 362px;
    }
    .f-h-526{
        height: 526px;
    }
    .f-w-600{
        width: 600px;
    }
    .f-h-170{
        height: 170px;
    }
    .f-border{
        border-bottom: 1px solid #878C92;
    }
    .f-w-690{
        width: 690px;
    }
    .f-w-720{
        width: 722px
    }
    .f-w-740{
        width: 740px
    }
    .f-w-600{
        width: 600px
    }
    .f-w-280{
        width: 280px;
    }
    .f-color-A1A0A1{
        color: #A1A0A1;
    }
    .f-p-b-18{
        padding-bottom: 18px;
    }
    .f-h-448{
        height: 438px;
    }
    .f-h-390{
        height: 390px;
    }
    .f-h-440{
        height: 440px;
    }
    .f-h-480{
        height: 480px;
    }
    .f-w-1350{
        width: 1350px;
    }
    .f-h-444{
        height: 434px;
    }
    .f-w-1200{
        width: 1200px;
    }
    .f-w-1250{
        width: 1250px;
    }
    .f-p-l-22 {
        padding-left: 22px;
    }
    .f-p-r-22{
        padding-right: 22px;
    }
}
::-webkit-scrollbar {
  width: 8px;
  height: 8px;
}
::-webkit-scrollbar-track {
  border-radius: 10px;
}
::-webkit-scrollbar-thumb {
  border-radius: 10px;
  background: #B9BEB9;
}
::-webkit-scrollbar-thumb:window-inactive {
  background: #B9BEB9;
}